/* 针对大屏幕（桌面端）的样式 */
@media screen and (min-width:1024px) {
    body{
        font-size: 16px;
    }
    .container{
        width: 80%;
        margin: 0 auto;
    }
}

/* 针对中等屏幕（平板）的样式 */
@media screen and (min-width:768px) and (max-width:1023px) {
    body{
        font-size: 14px;
    }
    .container{
        width: 90%;
        margin: 0 auto;
    }
}

/* 针对小屏幕（手机）的样式 */
@media screen and (max-width:767px) {
    body{
        font-size: 12px;
    }
    .container{
        width: 95%;
        margin: 0 auto;
    }
}